/* 
杨洪强
2018\11\10
登录弹窗
*/
@import "../lib/base.less";
.shop-landing-popup{
    input{border: none;outline: none;text-indent: 20px;}
    .shop-mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #111;opacity: .2;}
    .shop-landing-popup-border{width: 480px;min-height: 535px;position: fixed;top: 50%;left: 50%;margin-left: -244px;margin-top: -272px;background-color: rgba(0, 0, 0, .2);border-radius: 2px;padding: 4px;
        .shop-landing-popup-content{width: 480px;min-height: 535px;background: #fff;
            .shop-lp-header{height: 40px;line-height: 40px;font-size: 14px;text-indent: 14px;font-weight: 600;background: #f5f5f5;
                .shop-lp-shut-down{float: right;margin: 15px 14px 0 0;width: 10px;height: 10px;background: url("@{imgRoot}/shop_user_myFocusDeleteImg.png");cursor: pointer;}
            }
            .shop-lp-main{padding: 0 45px 0 45px;
                .shop-lpm-header{height: 84px;line-height: 84px;font-size: 20px;color: #666666;}
                .shop-lpm-translation{width: 388px;height: 48px;border: 1px solid #e1e1e1;
                    >.shop-img{width: 48px;height: 48px;background-image: url("@{imgRoot}/login_icon_user.jpg");float: left;}
                    >.shop-lpm-translation-input{width: 340px;height: 46px;float: left;font-size: 16px;}
                }
                .shop-lpm-verification-code{width: 388px;height: 48px;border: 1px solid #e1e1e1;margin-top: 20px;display: none;
                    >.shop-img{width: 48px;height: 48px;background-image: url("@{imgRoot}/login_icon_pwd.jpg");float: left;}
                    >.shop-lpm-verification-input{width: 221px;height: 46px;float: left;font-size: 16px;}
                    >button{width: 119px;height: 48px;border: none;border-left: 1px solid #e1e1e1;background: #f8f8f8;color: #707070;outline: none;cursor: pointer;}
                }
                .shop-lpm-pass{width: 388px;height: 48px;border: 1px solid #e1e1e1;margin-top: 20px;
                    >.shop-img{width: 48px;height: 48px;background-image: url("@{imgRoot}/login_icon_pwd.jpg");float: left;}
                    >.shop-lpm-pass-input{width: 221px;height: 46px;float: left;font-size: 16px;}
                }
                .shop-lpm-buttom{width: 390px;height: 50px;background: #e64545;color: #fff;font-size: 20px;margin: 30px 0 20px 0;}
                .shop-lpm-operating{overflow: hidden;font-size: 12px;line-height: 12px;color: #999999;
                    a{color: #999999;}
                    span{cursor: pointer;}
                    .shop-lpmo-forget{float: right;}
                    .shop-lpmo-segmentation{float: right;}
                    .shop-lpmo-registered{float: right;}
                    .shop-lpmo-sms{float: left;}
                    .shop-lpmo-pass{float: left;display: none;}
                }
                .shop-lpm-other-methods{border-top: 1px solid #eeeeee;position: relative;margin-top: 87px;text-align: center;
                    .shop-lpmom-header{position: absolute;width: 90px;height: 14px;line-height: 14px;background: #fff;left: 150px;text-align: center;top: -7px;color: #999999;}
                    a{margin: 24px 18px 0 18px;}
                    .shop-lpmom-qq{background: url("@{imgRoot}/login_other_qq.jpg");width: 38px;height: 38px;display: inline-block;}
                    .shop-lpmom-wx{background: url("@{imgRoot}/login_other_wx.jpg");width: 38px;height: 38px;display: inline-block;}
                    .shop-lpmom-xl{background: url("@{imgRoot}/login_other_wb.jpg");width: 38px;height: 38px;display: inline-block;}
                }
            }
            .shop-lp-main-sms{
                .shop-lpm-verification-code{display: block;}
                .shop-lpm-pass{display: none;}
                .shop-lpm-operating{
                    .shop-lpmo-sms{display: none;}
                    .shop-lpmo-pass{display: block;}
                }
            }
        }
    }
}